﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>index</title>
    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.js', _external=True)}}"></script>
    <link rel="stylesheet" href="/static/css/comon0.css">
</head>
<script>
    $(window).load(function () {
        $(".loading").fadeOut()
    })


    $(document).ready(function () {
        var whei = $(window).width()
        $("html").css({ fontSize: whei / 20 })
        $(window).resize(function () {
            var whei = $(window).width()
            $("html").css({ fontSize: whei / 20 })
        });
    });
</script>
<script type="text/javascript" src="/static/js/echarts.min.js"></script>
<script language="JavaScript" src="/static/js/js.js"></script>
<script type="text/javascript" src="/static/js/price_city.js"></script>
<script type="text/javascript" src="/static/js/ave_contrast.js"></script>
<body>
    <div class="canvas" style="opacity: .2">
        <iframe frameborder="0" src="/static/js/index.html" style="width: 100%; height: 100%"></iframe>
    </div>
    <div class="loading">
        <div class="loadbox"> <img src="/static/images/loading.gif"> 页面加载中... </div>
    </div>
    <div class="head">
        <h1>全国房屋租金大数据分析与可视化</h1>
        <div class="weather">
            <span id="showUser">
                {% if name %}
                    欢迎{{ name }}访问
                {% else %}
                    欢迎您访问
                {% endif %}
            </span>
        </div>
    </div>
    <div class="mainbox">
        <ul class="clearfix">
            <li>
                <div class="boxall" style="height: 4rem">
                    <div class="alltitle">高房价城市平均租金展示</div>
                    <div class="allnav" id="echart1"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 4rem">
                    <div class="alltitle">不同房屋设施对房价的影响（元/m²）</div>
                    <div style="height:100%; width: 100%;" id="fb1" >
                        <!--<div class="sy" id="fb1"></div>-->
                        <!--<div class="sy" id="fb2"></div>-->
                        <!--<div class="sy" id="fb3"></div>-->
                    </div>
                    <div class="boxfoot">

                    </div>
                </div>
            </li>
            <li>
                <div class="bar">
                    <div class="barbox">
                        <ul class="clearfix">
                            <li class="pulll_left counter">2621.42</li>
                            <li class="pulll_left counter">1800.00</li>
                        </ul>
                    </div>
                    <div class="barbox2">
                        <ul class="clearfix">
                            <li class="pulll_left">全国租房单价平均值(单位:元/套/月) </li>
                            <li class="pulll_left">全国租房单价中位数(单位:元/套/月)</li>
                        </ul>
                    </div>
                </div>
                <div class="map">
                     <!--<div class="map1"><img src="/static/images/lbx.png"></div>-->
                    <iframe src="/iframe/china_map.html" width="110%" height="110%" id="iframepage" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()">
                     您的浏览器不支持iframe，请升级
                     </iframe>

                    <!--<div class="map2"><img src="/static/images/jt.png"></div>-->
                    <!--<div class="map3"><img src="/static/images/ap.png"></div>-->
                    <!--<div class="map4" id="map_1"></div>-->
                </div>
                <div style="color:#fff; text-align: center;font-size: .3rem;margin-top: 80px"> <a href="/price_rank"> 价格天梯图>>></a></div>
            </li>
            <li>
                <div class="boxall" style="height:4rem;" >
                    <div class="alltitle">不同平均租价周围3公里内基础设施</div>
                    <div class="allnav" id="echart4" ></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 4rem">
                    <div class="alltitle">待租房屋面积统计</div>
                    <div class="allnav" id="echart5"></div>
                    <div class="boxfoot"></div>
                </div>
            </li>
        </ul>
    </div>
    <div class="back"></div>


{#    <script type="text/javascript" src="/static/js/china.js"></script>#}
{#    <script type="text/javascript" src="/static/js/area_echarts.js"></script>#}

</body>


</html>
